<template>
	<view class="main">
		<u-navbar :is-back="true" title="用户协议" :background="background" :border-bottom="false" title-color="#fff"
			title-size="35rpx" title-bold="true" back-icon-color="#fff">
		</u-navbar>
		<view class="content">
			<u-parse :html="contents"></u-parse>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					backgroundColor: '#111111',
				},
				contents: ''
			}
		},
		onLoad() {
			this.getabout()
		},
		methods: {
			getabout() {
				global.$http.request({
					url: '/api/index/content',
					data: {
						content: 'user_agreement'
					}
				}).then(res => {
					console.log(res);
					if (res.data.code == 0) {
						this.contents = res.data.data.content
						console.log(this.contents);
					}
				})
			}


		}
	}
</script>

<style lang="scss">
	page {
		font-family: PingFang SC-Regular, PingFang SC;
		background-color: #111111;

		width: 750rpx;

		.main {
			margin-top: 24rpx;
			display: flex;
			flex-direction: column;
			align-items: center;

			.content {
				width: 686rpx;
				font-size: 28rpx;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 48rpx;

			}
		}
	}
</style>
